<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link type="text/css" rel="stylesheet" href="/js/common/bootstrap/2.2.2/css/bootstrap.min.css"/>
    <link type="text/css" rel="stylesheet" href="/css/base.css"/>
    <script src="/js/common/jquery-min.js"></script>
    <script src="/js/common/bootstrap/2.2.2/js/bootstrap.min.js"></script>
    <script src="/js/purchase_group/purchase_group_model.js"></script>
    <script src="/js/purchase_group/purchase_group_detail.js"></script>
    <link type="text/css" href="/css/purchase/purchase.css" rel="stylesheet"/>
    <title>采购组计划</title>
</head>
<body>
<div>
    <div class="funcBar">
        <div class="pageTitle">采购订单&nbsp;/&nbsp;明细</div>
        <div>
            <input type="button" class="btn" value="修改">
            <div style="float: right; padding-right:20px;">
                收起<span src="" class="collapseTab"/>
            </div>
        </div>
    </div>
    <hr/>
    <div class="form_sheet">
        <div class="oe_form_sheetbg">
            <table class="table" style="margin-top: 15px;">
                <tr>
                    <td class="border_right" style="line-height: 40px"><strong>采购组编号</strong></td>
                    <td style="width:300px;"><span id="purchaseCode"></span></td>
                    <td class="border_right">采购组名</td>
                    <td><span id="purchase_name"></span></td>
                </tr>
                <tr>
                    <td class="border_right" style="line-height: 40px">负责人</td>
                    <td><span id="purchase_per"></span>
                    </td>
                </tr>
                <tr>
                    <td class="border_right" style="line-height: 40px">制单人</td>
                    <td>
                        <span id="CreateUser"></span>
                    </td>
                    <td class="border_right" style="line-height: 40px">制单部门</td>
                    <td>
                        <span id="createUserCop"></span>
                    </td>
                </tr>
                <tr>
                    <td class="border_right" style="line-height: 40px">制单时间</td>
                    <td><span id="CreateDate"></span></td>
                </tr>
            </table>
            <ul class="nav nav-tabs" id="myTab" style="padding-left: 30px">
                <li class="active"><a href="#metaria">成员列表</a></li>
                <li><a href="#purchaseStaff">商品列表</a></li>
            </ul>

            <div class="tab-content">
                <div class="tab-pane active" id="metaria">
                    <table class="table table-striped">
                        <tr>
                            <td style="line-height:40px">序号</td>
                            <td>采购员编号</td>
                            <td>采购员名字</td>
                            <td>联系方式</td>
                        </tr>
                    </table>
                </div>
                <div class="tab-pane" id="purchaseStaff" >
                    <table class="table table-striped">
                        <tr>
                            <td style="line-height:40px">序号</td>
                            <td>商品编号</td>
                            <td>商品名称</td>
                            <td>规格型号</td>
                            <td>品牌</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
<script>
    $(function () {
        $('#myTab a').click(function (e) {
            e.preventDefault();
            $(this).tab('show');
        });
        getPurchaseGroup('c1f897f4218742bcae04a5cf8b748a3a');
    })
</script>
</html>